<div class="app-content-full h-full" ng-controller="teamCtrl">
    <div class="hbox hbox-auto-xs hbox-auto-sm bg-light">
        <!-- column -->
        <div class="col w b-r">
            <div class="vbox">
                <div class="row-row">
                    <div class="cell scrollable hover">
                        <div class="cell-inner">
                            <div class="list-group no-radius no-border no-bg m-b-none">
                                <a class="list-group-item b-b focus" ng-class="{'focus': (filter == '')}">一级会员</a>
                                <a class="list-group-item m-l hover-anchor b-a no-select ng-scope" title="点击查看用户信息" ng-repeat="item in oneList" ng-class="{'focus m-l-none': item.selected}"
                                    ng-click="getUserList(item,2);getInfo(oneList,item)">
                                    <span class="block m-l-n ng-binding" ng-class="{'m-n': item.selected }">{{item.username}}</span>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- /column -->

        <!-- column -->
        <div class="col w lter b-r">
            <div class="vbox">
                <div class="row-row">
                    <div class="cell scrollable hover">
                        <div class="cell-inner">
                            <div class="list-group no-radius no-border no-bg m-b-none">
                                <a class="list-group-item b-b focus" ng-class="{'focus': (filter == '')}">二级会员</a>
                                <a class="list-group-item m-l hover-anchor b-a no-select ng-scope" title="点击查看用户信息"  ng-repeat="item in twoList" ng-class="{'focus m-l-none': item.selected}"
                                    ng-click="getUserList(item,3);getInfo(twoList,item)">
                                    <span class="block m-l-n ng-binding" ng-class="{'m-n': item.selected }">{{item.username}}</span>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- /column -->

        <!-- column -->
        <div class="col w b-r">
            <div class="vbox">
                <div class="row-row">
                    <div class="cell scrollable hover">
                        <div class="cell-inner">
                            <div class="list-group no-radius no-border no-bg m-b-none">
                                <a class="list-group-item b-b focus" ng-class="{'focus': (filter == '')}">三级会员</a>
                                <a class="list-group-item m-l hover-anchor b-a no-select ng-scope" title="点击查看用户信息"  ng-repeat="item in threeList" ng-class="{'focus m-l-none': item.selected}"
                                    ng-click="getInfo(threeList,item)">
                                    <span class="block m-l-n ng-binding" ng-class="{'m-n': item.selected }">{{item.username}}</span>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- /column -->

        <!-- column -->
        <div class="col bg-white-only">
            <div class="vbox">
                <div class="wrapper-sm b-b">
                    <div class="m-t-n-xxs m-b-n-xxs m-l-xs">
                        会员信息
                    </div>
                </div>
                <div class="row-row" ng-if="userInfo">
                    <div class="cell">
                        <div class="cell-inner">
                            <div class="wrapper-lg">
                                <div class="hbox h-auto m-b-lg">
                                    <div class="col v-middle h1 font-thin">
                                        <div>会员信息</div>
                                    </div>
                                </div>
                                <!-- fields -->
                                <div class="form-horizontal">
                                    <div class="form-group m-b-sm">
                                        <label class="col-sm-3 control-label">用户名</label>
                                        <div class="col-sm-9">
                                            <p class="form-control-static">{{userInfo.username}}</p>
                                        </div>
                                    </div>
                                    <div class="form-group m-b-sm">
                                        <label class="col-sm-3 control-label">类型</label>
                                        <div class="col-sm-9">
                                            <p class="form-control-static">{{userInfo.company | companyFilter}}</p>
                                        </div>
                                    </div>
                                    <div class="form-group m-b-sm">
                                        <label class="col-sm-3 control-label">级别</label>
                                        <div class="col-sm-9">
                                            <p class="form-control-static">{{userInfo.level | levelFilter}}</p>
                                        </div>
                                    </div>
                                    <!-- <div class="form-group m-b-sm">
                                        <label class="col-sm-3 control-label">资产</label>
                                        <div class="col-sm-9">
                                            <p class="form-control-static">{{userInfo.money | currency : '￥'}}元</p>
                                        </div>
                                    </div> -->
                                    <div class="form-group m-b-sm">
                                        <label class="col-sm-3 control-label">创建时间</label>
                                        <div class="col-sm-9">
                                            <p class="form-control-static">{{userInfo.createtime | date : 'yyyy-MM-dd hh:mm:ss'}}</p>
                                        </div>
                                    </div>
                                    <div class="form-group m-b-sm">
                                        <label class="col-sm-3 control-label">备注</label>
                                        <div class="col-sm-9">
                                            <p class="form-control-static">{{userInfo.remarks}}</p>
                                        </div>
                                    </div>
                                    <div class="form-group m-b-sm">
                                        <label class="col-sm-3 control-label">冻结状态</label>
                                        <div class="col-sm-9">
                                            <p class="form-control-static">{{userInfo.freeze | freezeFilter}}</p>
                                        </div>
                                    </div>
                                    
                                </div>
                                <!-- / fields -->
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- /column -->

    </div>
</div>